<template>
    <div class="login">
        <!-- <LoginAccount></LoginAccount>
        <LoginOnline></LoginOnline> -->

        <van-tabs v-model:active="activeName" animated>
            <van-tab title="账号登录" name="account">
                <LoginAccount></LoginAccount>
            </van-tab>
            <van-tab title="验证码登录" name="online">
                <LoginOnline></LoginOnline>
            </van-tab>
        </van-tabs>
    </div>
</template>

<script setup lang="ts">
    import type { Ref } from 'vue';
    import { reactive, ref,} from 'vue';
    import LoginAccount from "./component/LoginAccount.vue"
    import LoginOnline from "./component/LoginOnline.vue"

    const activeName:Ref<string> = ref("account");

   
</script>

<style lang="scss" scoped>
.login {
    background-color: #f7f8fa;

    .regForm {
        margin-top: 50px;
    }
}
</style>